//配置文件 通过node中的模块操作，向外暴漏一个配置对象

const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
// 只要是插件 都一定要 放在plugins节点中去
module.exports={
   //  手动指定入口和出口文件
   entry: path.join(__dirname,'./src/main.js'),  //入口  表示要使用webpack打包哪个文件
   output:{
   	//输出文件相关配置
   	path: path.join(__dirname,'./dist'),// 指定  打包好的文件， 输出到哪个目录中去
   	filename:'bulde.js' //指定输出文件的名称
   },
   plugins:[
        new htmlWebpackPlugin({
        	// 创建一个在内存中生成html 页面的插件
        	template:path.join(__dirname,'./src/index.html'),
        	//指定模板页面 将来会根据指定页面路径去生成内存中的页面
        	filename:'index.html'  //指定生成的页面的名称
        }),
        new VueLoaderPlugin()
   ],
   module:{
   	// 这个节点用来配置所有第三方模块的加载器
   	  rules:[
         { test:/\.vue$/, use:'vue-loader'},  //  处理.vue  文件的loader
         {test:/\.css$/,use:['style-loader','css-loader']}
   	  ]
   },
   resolve:{
      alias:{  // 修改vue 被导入包的配置
         'vue$':'vue/dist/vue.js'
      }
   }
}